<template>
  <div>
    <div  id="printMe">

      <div style="margin:0 auto;">
        <div style="text-align:center;margin-top:10px;">惠州市高级人才津贴申领表</div>
        <table class="table table-striped table-bordered" align="center" valign="center">
          <tr>
            <td class="column" colspan="6">基本信息</td>
          </tr>
          <tr>
            <td class="four1">姓名</td>
            <td class="four2" ><input type="text"></td>
            <td class="four1">性别</td>
            <td class="four2" ><input type="text"></td>
            <td class="four1">出生年月</td>
            <td class="four2" ><input type="text"></td>
          </tr>
          <tr>
            <td class="four1">工作单位及职务</td>
            <td class="four2" colspan="5"><input type="text"></td>
          </tr>
          <tr>
            <td class="four1">技术职称</td>
            <td class="four2" colspan="2"><input type="text"></td>
            <td class="four1">专业特长</td>
            <td class="four2" colspan="2"><input type="text"></td>
          </tr>
          <tr>
            <td class="column">全日制教育最高学历</td>
            <td class="value"></td>
            <td class="column">全日制教育最高学位</td>
            <td class="value"></td>
            <td class="column">毕业院校和专业</td>
            <td class="value"></td>
          </tr>
          <tr>
            <td class="column">在职教育最高学历</td>
            <td class="value"></td>
            <td class="column">在职教育最高学位</td>
            <td class="value"></td>
            <td class="column">毕业院校和专业</td>
            <td class="value"></td>
          </tr>
          <tr>
            <td class="column">工作地点</td>
            <td class="value" colspan="3"></td>
            <td class="column">办公电话</td>
            <td class="value" ></td>

          </tr>
          <tr>
            <td class="column">申请类别</td>
            <td class="value" colspan="3"></td>
            <td class="column">手机</td>
            <td class="value" ></td>

          </tr>

          <tr>
            <td class="column">到惠年月</td>
            <td class="value" colspan="5"></td>
          </tr>
          <tr>
            <td class="column">以往领取津贴情况</td>
            <td class="value" colspan="5"></td>
          </tr>
          <tr>
            <td class="column">申请津贴时间段</td>
            <td class="value" colspan="5"></td>
          </tr>
          <tr>
            <td class="column">申请津贴金额合计</td>
            <td class="value" colspan="5">大写：小写</td>
          </tr>
          <tr>
            <td class="value" colspan="2">申请人签字</td>
            <td class="value" colspan="2">用人单位意见
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
            </td>
            <td class="value" colspan="2">经我单位认真审核，
              所提供资料真实有效，符合申领高级人才津贴条件。同意申报。</td>
          </tr>
          <tr>
            <td class="value" colspan="2"></td>
            <td class="value" colspan="2">市人才办意见
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
            </td>
            <td class="value" colspan="2"></td>
          </tr>

        </table>
      </div>

    </div>

    <button v-print="'#printMe'">打印</button>
  </div>
</template>

<script>
export default {
  name: "WebForm"
}
</script>

<style scoped>
.table{
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  display: table;
  width: 100%;
  max-width: 100%;
  width: 800px;
  margin:0 auto;
}
.table td{
  text-align:center;
  vertical-align:middle;
  font-size: 14px;
  font-family: 'Arial Normal', 'Arial';
  color: #333333;
  padding: 8px 12px;
}
.table-bordered {
  border: 1px solid #ddd;
}
*{
  margin: 0px;
  padding: 0px;
}
.column{
  width:30px;
  height:30px;
  border:1px solid #333;
  background: #f1f1f1;
}
.value{
  width:70px;
  height:30px;
  border:1px solid #333;
}
.four1{
  width:25px;
  height:30px;
  border:1px solid #333;
  background: #f1f1f1;
}
.four2{
  width:25px;
  height:30px;
  border:1px solid #333;
}

input{
  border: none;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
</style>
